<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.png" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false'  bgColor="transparent" @leftClick="navBack"  :title="info.title">
				<view slot="center" class="navTitle">
					{{info.title||''}}
				</view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView pt30">
				<view class="pd30">
					<view class="noticeDetail" v-if="info">
						<view class="tit" v-if="info.subTitle">
							{{info.subTitle}}
						</view>
						<view class="content">
							<rich-text :nodes="info.content"></rich-text>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		onShow:function(){
			var pages = getCurrentPages();
			var page = pages[pages.length - 1];
			if(page.options['id']){
				this.$data.itemid = page.options['id'];
			}
		},
		data() {
			return {
				show:false,
				itemid:'101',
				info:{}
			}
		},
		watch:{
			itemid:function(){
				this.getInfo();
			}
		},
		methods: {
			getInfo(){
				var that=this;
				if(that.itemid){
					var res={
						id:101,
						title:'信息通知',
						subTitle:'',
						content:`经了解，我校【年级】【班级】学生【学生姓名】同学近期心理状况出现异常，存在需要即时监护的风险。<br>						为了保障该同学的身心健康，请各相关人员务必高度重视，并采取以下措施：<br>						密切关注：班级心理委员和班主任要加强对【学生姓名】同学的日常观察，及时发现其情绪波动、行为异常等情况，并做好详细记录。<br>						主动沟通：鼓励班主任、任课教师在课堂上和课下多与【学生姓名】同学进行交流，了解其内心想法，提供必要的支持和帮助。及时报告:若发现【学生姓名】同学出现以下情况，请立即向学校心理健康教育中心或相关部门报告：<br>						1、出现自伤、自杀或伤害他人倾向<br>						2、情绪极度低落，无法自拔<br>						3、行为反常，与周围人发生冲突<br>						4、拒绝与人交流，孤僻不合群<br>						提供帮助:学校心理健康教育中心将为【学生姓名】同学提供专业的心理咨询和辅导，请各部门积极配合，协助做好相关工作。<br>						保密原则:请各相关人员严格遵守保密原则，保护学生的隐私。<br>						【学生姓名】同学的心理健康关系到整个班级乃至学校的和谐发展，希望大家共同努力，为其提供一个安全、温暖的成长环境。<br><br>
						<p style="text-align:right;">2024年9月15日</p>`
					};
					that.info=res;
				}
			}
		},
		mounted(){
			this.getInfo();
		}
	}
</script>

<style lang="scss" scoped>
	.noticeDetail{
		padding: 50rpx 30rpx;
		background: #fff;
		border-radius: 30rpx;
		.tit{
			font-size: 36rpx;
			color: #65554d;
			margin-bottom: 30rpx;
			text-align: center;
			font-weight: bold;
		}
		.content{
			line-height: 1.7;
			font-size: 28rpx;
			color: #65554d;
		}
	}
</style>
